import React, {useState} from 'react';
import {SettingOutlined} from '@ant-design/icons';
import styles from './index.less';
import {Drawer} from 'antd';
import {createIconUtl} from "@/utls/iconfont/create-icon.utl";

const Setting = () => {
    const [open, setOpen] = useState(false);
    const showDrawer = () => {
        setOpen(true);
    };
    const onClose = () => {
        setOpen(false);
    };
    return (<>
            <div className={`${styles['setting-container']} iconfont-size`} onClick={showDrawer}>
                {createIconUtl('icon-mokuai-fengge')}
            </div>
            <Drawer
                title="布局设置"
                placement={'right'}
                closable={false}
                onClose={onClose}
                visible={open}
            >
                <p>Some contents...</p>
                <p>Some contents...</p>
                <p>Some contents...</p>
            </Drawer>
        </>
    );
};
export default Setting;
